<template>
<div class="u-info">
  <div class="text-box">{{m.note}}</div>
  <span class="time-box">
    {{m.createTime}}
  </span>
</div>
</template>

<script>
export default {
  name: 'u-info',
  props: {
    param: Object
  },
  data() {
    return {
      // 超级对象
      m: this.createModel(),
      dims: sa.$sys.getCurd()
    }
  },
  created: function () {},
  methods: {
    createModel() {
      return {
        id: this.param.id,
        note: this.param.note,
        // 字典code        
        statusCode: this.param.statusCode,
        createTime: this.param.createTime,
        status: this.param.status,
      }
    },
  }
}
</script>

<style scoped>
.u-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.text-box {
  text-indent: 2em;
  letter-spacing: 1px;
  line-height: 1.5;
  width: 100%;
  height: 100%;
}

.time-box {
  text-align: right;
  padding: 10px;
  color: #aaaaaa;
  width: 100%;
  height: 100%;
}
</style>
